<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>日历插件</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
	<div id="calendar">
		<div class="select">
			<div class="time" id="time">
				<a href="javascript:void(0);" class='btnPre' id="btnPre"> </a>
				<div class="year">
					<span class='current'>
						<i id="yearNum"></i>年
					</span>
					<select id="yearSelect" size="12"></select>
				</div>
				<div class='month'>
					<span class='current'>
						<i id="monthNum"></i>月
					</span>
					<select id="monthSelect" size="12"></select>
				</div>
				<a href="javascript:void(0);" class='btnNext' id="btnNext"> </a>
			</div>
		</div>
		<table border="1" bordercolor="#f0f0f0" class='rows6'>
			<thead>
				<tr>
					<th>一</th>
					<th>二</th>
					<th>三</th>
					<th>四</th>
					<th>五</th>
					<th class='red'>六</th>
					<th class='red'>日</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>